Text Fields

hr.icon

テキストフィールドとは、1行で高さが固定されたフィールドで、タップすると自動的にキーボードが表示される。

テキストフィールドは、名前や電子メールアドレスなどの少量の情報を入力する場合に使用します。

https://gyazo.com/91ee06d39ef16f29a1884ed7df6d7d1a

テキストフィールドの目的を伝えるために、ヒントを表示します。

テキストフィールドに他のテキストが入っていない場合は、「Eメール」や「パスワード」などのプレースホルダーテキストを入れることができます。

プレースホルダーテキストで十分な場合は、テキストフィールドの説明に別のラベルを使用しないでください。

テキストフィールドの末尾にクリアボタンを表示し、入力した内容を消去できるようにします。

この要素があると、ユーザーはDeleteキーをタップし続けなくても、このボタンをタップしてテキストフィールドの内容を消去することができます。

個人情報を隠すには、安全なテキストフィールドを使用してください。

パスワードなどの機密データの入力を求めるアプリでは、必ず安全なテキストフィールドを使用してください。

画像やボタンを使用して、テキストフィールドをわかりやすく機能的に表示します。

カスタム画像をテキストフィールドの両端に表示したり、ブックマークボタンなどのシステムが提供するボタンを追加したりできます。

一般的に、テキストフィールドの先頭はフィールドの目的を示すために使用し、末尾はブックマークなどの追加機能を提供するために使用します。

Tips

複数行、複数スタイルのテキストを入力する場合は、テキストビューを使用します。